{% extends 'base.html' %}

{% block head %}
    <style>
        .big-box {
            padding: 0 150px;
        }


        h2 {
            font-size: 30px;
            font-family: "微软雅黑";
            color: #FF8000;
            font-weight: normal;

        }

        .left-box {
            float: left;
        }

        .right-box {
            float: right;
        }

        li {
            display: inline-block;
        }

        .type ul {
            padding-left: 0;
        }

        .query-btn{
            text
            text-decoration: none;
            margin-right: 10px;
            font-size: 15px;
        }


    .carousel-box{
        width: 95%;
        margin:  0 auto;
        margin-bottom: 30px;
    }


    </style>
{% endblock %}

{% block body %}
    <div class="body-container">
        <div class="carousel-box">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <a href="http://www.neea.edu.cn/html1/page/16103/885-1.htm" target="_blank"><img
                                src="http://www.neea.edu.cn/res/Home/page/190125753.jpg" alt="..."></a>
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <a href="http://www.neea.edu.cn/html1/page/1607/226-1.htm" target="_blank"><img
                                src="http://www.neea.edu.cn/res/Home/node/16070225.jpg" alt="..."></a>
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <a href="http://www.neea.edu.cn/html1/page/18113/2801-1.htm" target="_blank"><img
                                src="http://www.neea.edu.cn/res/Home/page/181132839.jpg" alt="..."></a>
                        <div class="carousel-caption">
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>

    <div class="big-box">
        <div class="left-box" style="width: 400px">
            <h2>考试项目</h2>
            {% for cate in cates %}
                <div class="type">
                    <h3>{{ cate.name }}</h3>
                    <ul>
                        {% for item in cate.items %}
                            <li><a class="query-btn" href="{{ item.url }}">{{ item.name }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            {% endfor %}
        </div>

        <div class="right-box" style="width: 400px">
            <h2>考生服务</h2>

            <div class="type">
                <h3>成绩查询</h3>
                <ul>
                    {% for cate in cates %}
                        {% for item in cate.items %}
                            {% if item.score_url %}
                                <li><a class="query-btn" href="{{ item.score_url }}">{{ item.name }}</a></li>
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </ul>
            </div>
            <div class="type">
                <h3>证书查询</h3>
                <ul>
                    {% for cate in cates %}
                        {% for item in cate.items %}
                            {% if item.certi_url %}
                            <li><a class="query-btn" href="{{ item.certi_url }}">{{ item.name }}</a></li>
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}